
<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<link href="../../css/global.css" rel="stylesheet" type="text/css">
	<link href="../../js/webuploader/webuploader.css" rel="stylesheet" type="text/css">
	<link href="../../css/zTreeStyle/demo.css" rel="stylesheet" type="text/css">
	<link href="../../css/zTreeStyle/zTreeStyle.css" rel="stylesheet" type="text/css">
	<title class="body_title">新增</title>
</head>
<body>
	<!--栏目列表-->
	<div class="left_menu">
		<div class="sub">
		</div>
	</div>
	<!--/栏目列表-->
	<div class="right_con">
		<div class="card">
			<div class="title"><span class="body_title">新增</span>
				<div class="cfr">
					<div class="tico full">
						<i class="iconfont icon-quanping"></i>
					</div>
				</div>
			</div>
			<div class="tipbox"></div>
			<div class="infoBox">
				<div class="boxs">
					<!--基本信息-->
					<div class="box">
						<div class="sub">
							<span>基本信息</span>
							<div class="r_toggle" toggle = ".ifo1" toggletext="&#xe74a;,&#xe749;" open>&#xe74a;</div>
						</div>
						<div class="form ifo1 validform" ly-get="{{apiUrl}}/back/approvalSettings/selectPacketDetailsById">
							<input id="id" type="hidden" ly-bind="id"/>   
							<div class="row" gutter="10">
								<div class="label"><em>*</em>分组名称：</div>
								<div class="col-7">
									<input type="text" class=" required ipt" name="packetName" id="packetName" ly-bind="packetName" placeholder="请输入名称" maxlength="10" data-tip="请输入名称" data-valid="isNonEmpty||between:0-10" data-error="名称不能为空||名称长度必须在0-10之间">
								</div>
							</div>
							<div class="row" gutter="10">
								<div class="label"><em>*</em>申请人：</div>
								<div class="col-7 text">
									<span class="addboxlist applicant"></span>
									<a href="javascript:;" class="addbtn" id="changePerson"></a>
								</div>
							</div>
							<div class="row" gutter="10">
								<div class="label"><em>*</em>审批人：</div>		
								<div class="col-7 text"> 
									<span class="addboxlist approver"></span> 
									<a href="javascript:;" class="addbtn" id="changeSPperson"></a>
								</div>
							</div>
						</div>
					</div>
					<div class="btnBox">
						<div class="fr">
							<button class="btn red " id="save">保存</button>
							<button class="btn goback" onclick="window.history.back()">返回</button>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!--选择申请人-->
	<!-- 由于是动态加载数据 layerBox需要数据加载完成后在弹出窗  -->
	<div class="layerBox choose_person_container hide">
		<div class="layerhead"> <span>选择申请人</span>
			<div class="fr close-operate"> <i class="iconfont icon-close"></i> </div>
		</div>
		<div class="layerfoot">
			<div class="fr">
				<button class="btn red" id="sayerBox-btn">确定</button>
				<button class="btn goback">取消</button>
			</div>
		</div>
		<div class="layermain ztree_select_container">
			<div class="zTreeDemoBackground left">
				<ul id="treeDemo" class="ztree"></ul>
			</div>
			<div class="zTreeDemoBackground right">
				<ol id="ztreeCheckedNames"></ol>
			</div>
		</div>
	</div>
	<!--/选择申请人-->

	<!-- 选择审批人 -->
	<div class="layerBox choose_sp_person_container hide">
		<div class="layerhead"> <span>选择审批人</span>
			<div class="fr close-operate"> <i class="iconfont icon-close"></i> </div>
		</div>
		<div class="layerfoot">
			<div class="fr">
				<button class="btn red" id="save_sp_choose">确定</button>
				<button class="btn goback">取消</button>
			</div>
		</div>
		<div class="layermain ztree_select_container">
			<div class="zTreeDemoBackground left">
				<ul id="treeRadioDemo" class="ztree"></ul>
			</div>
			<div class="zTreeDemoBackground right">
				<ol id="ztreeRadioCheckedNames"></ol>
			</div>
		</div>
	</div>

</body>
<script id="jquery_js" src="../../js/jquery-1.11.1.min.js"></script>
<script id="config_js" src="../../js/config.js"></script>
<script id="ly_main_js" src="../../js/ly_main.js"></script>
<script src="../../js/jquery-validate.js"></script>
<script src="../../js/webuploader/webuploader.min.js"></script>
<script src="../../js/simpleuploader.js"></script>
<script src="../../js/common.js"></script>
<script src="../../js/layer/layer.js"></script>
<script src="../../js/ztree/jquery.ztree.core.js"></script>
<script src="../../js/ztree/jquery.ztree.excheck.js"></script>
<script src="../../js/ourJs/attendance/approval-group-creat.js"></script>
</html>
